
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="it-IT">
<head>
<meta charset="UTF-8" />
<title>Learning Backbone - Backbone examples tutorials  | MovableApp.com</title>


	<link rel="shortcut icon" href="http://movableapp.com/movableapp.png" />
	
<link rel="stylesheet" type="text/css" media="all" href="http://movableapp.com/wp-content/themes/swedish-greys/style.css" />
<!--[if IE]>
        <link rel="stylesheet" id='ie-style-css' type="text/css" media='all' href="/ie.css" />
<![endif]-->
<link rel="pingback" href="http://movableapp.com/xmlrpc.php" />


<link rel="alternate" type="application/rss+xml" title="MovableApp.com &raquo; Feed" href="http://movableapp.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="MovableApp.com &raquo; Feed dei commenti" href="http://movableapp.com/comments/feed/" />

			<script type="text/javascript">//<![CDATA[
			// Google Analytics for WordPress by Yoast v4.2.8 | http://yoast.com/wordpress/google-analytics/
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-25504556-1']);
							_gaq.push(['_setCustomVar',1,'tags','backbone example js tutorial underscore',3],['_setCustomVar',2,'categories','movableapp',3],['_trackPageview']);
			(function () {
				var ga = document.createElement('script');
				ga.type = 'text/javascript';
				ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(ga, s);
			})();
			//]]></script>
			<link rel="alternate" type="application/rss+xml" title="MovableApp.com &raquo; Learning Backbone &#8211; BackboneJS Tutorials and Examples Feed dei commenti" href="http://movableapp.com/2012/06/backbonejs-by-examples/feed/" />
<link rel='stylesheet' id='thickbox-css'  href='http://movableapp.com/wp-includes/js/thickbox/thickbox.css?ver=20121105' type='text/css' media='all' />
<link rel='stylesheet' id='custom-style-css'  href='http://movableapp.com/wp-content/plugins/dt-author-box/css/style.php?ver=20120418' type='text/css' media='all' />
<link rel='stylesheet' id='slb_style-css'  href='http://movableapp.com/wp-content/plugins/simple-lightbox/css/lightbox.css?ver=1.6.3.1' type='text/css' media='all' />
<link rel='stylesheet' id='md_style-css'  href='http://movableapp.com/wp-content/plugins/wp-markdown/css/demo.css?ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='googleFonts-css'  href='http://fonts.googleapis.com/css?family=Kreon&#038;ver=3.5.1' type='text/css' media='all' />
<script type='text/javascript' src='http://movableapp.com/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>
<script type='text/javascript' src='http://movableapp.com/wp-includes/js/comment-reply.min.js?ver=3.5.1'></script>
<script type='text/javascript' src='http://movableapp.com/wp-content/plugins/simple-lightbox/js/lib.js?ver=1.6.3.1'></script>
<script type='text/javascript' src='http://movableapp.com/wp-content/plugins/wp-markdown/js/prettify.js?ver=1.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://movableapp.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://movableapp.com/wp-includes/wlwmanifest.xml" /> 
<link rel='prev' title='CakePower embed LESS to improve CSS developement!' href='http://movableapp.com/2012/05/cakepower-embed-less/' />
<link rel='next' title='Backbone Boilerplate on JsFiddle!' href='http://movableapp.com/2012/06/backbone-boilerplate-jsfiddle/' />
<meta name="generator" content="WordPress 3.5.1" />
<link rel='shortlink' href='http://movableapp.com/?p=429' />

<!-- All in One SEO Pack 1.6.15.3 by Michael Torbert of Semper Fi Web Design[175,258] -->
<meta name="description" content="Learning Backbone - Backbone examples tutorials - list of real world tutorial and examples focusing in Backbone coding and best practices." />
<meta name="keywords" content="backbone, underscore, js, example, tutorial,example,js,tutorial,underscore" />
<link rel="canonical" href="http://movableapp.com/2012/06/backbonejs-by-examples/" />
<!-- /all in one seo pack -->
<link rel="stylesheet" type="text/css" href="http://movableapp.com/wp-content/plugins/microkids-related-posts/microkids-related-posts-default.css" /><!-- SLB -->
<script type="text/javascript" id="slb_init">/* <![CDATA[ */(function($){$(document).ready(function(){SLB.init({"validateLinks":false,"autoPlay":true,"slideTime":"6","loop":true,"overlayOpacity":"0.8","animate":true,"captionEnabled":true,"captionSrc":true,"descEnabled":true,"trigger":["slb"],"prefix":"slb","labels":{"closeLink":"close","loadingMsg":"loading","nextLink":"next &raquo;","prevLink":"&laquo; prev","startSlideshow":"start slideshow","stopSlideshow":"stop slideshow","numDisplayPrefix":"Image","numDisplaySeparator":"of"},"layout":"'<div id=\"slb_container\"><div id=\"slb_content\">{slbContent}<div id=\"slb_nav_hover\">{navPrev}{navNext}<\/div><div id=\"slb_loading\">{slbLoading}<\/div><\/div><\/div><div id=\"slb_details\"><div id=\"slb_data\"><div id=\"slb_data_content\">{dataCaption}<span id=\"slb_data_desc\">{dataDescription}<\/span>{dataNumber}<span id=\"slb_nav\">{navPrev}{navNext}{navSlideControl}<\/span><\/div><div id=\"slb_close\">{slbClose}<\/div><\/div><\/div>'"});})})(jQuery);/* ]]> */</script>

<!-- /SLB -->
<style type="text/css">
.socialplugin{clear:both;width:100%;overflow:hidden;margin:0;padding:0;}
.socialplugin *{display:inline-block;vertical-align:top !important;}
.socialplugin li{display:inline-block;max-height:23px;min-height:20px;min-width:30px;max-width:200px;vertical-align:top;overflow:hidden;padding:5px;margin:0 20px 0 0;list-style-type:none;background:none;}
.socialplugin iframe,.socialplugin object{overflow:hidden;}
.socialplugin a{color:transparent;}
.socialplugin .spdelicious a.delicious-button{color:#333;}
.socialplugin .spfollow iframe,.socialplugin .spfollow object{height:20px;max-width:320px;}
.socialplugin .splike iframe,.socialplugin .splike object{border:none;overflow:hidden;width:80px;height:25px;background:transparent url(http://movableapp.com/wp-content/plugins/social-plugin/like.png) no-repeat 48px 0;}
.socialplugin .splink iframe,.socialplugin .splink object{border:none;overflow:hidden;width:80px;height:20px;}
.socialplugin .splinkedin *{vertical-align:baseline !important;}
.socialplugin .spplusone iframe{top:0 !important;left:0 !important;position:static !important;width:82px;}
.socialplugin .spplusone > div{max-width:70px;}
.socialplugin .spreddit iframe,.socialplugin .spreddit object{width:120px;height:22px;}
.socialplugin .spretweet{width:91px;}
.socialplugin .spretweet iframe,.socialplugin .spretweet object{width:110px;height:22px;}
.socialplugin .spsend{overflow:visible;}
.socialplugin .spstumble iframe,.socialplugin .spstumble object{border:none;overflow:hidden;width:74px;height:18px;}
.socialplugin .spshare .fb_share_count_nub_right{background:transparent url(http://movableapp.com/wp-content/plugins/social-plugin/share.png) no-repeat right 5px !important;}
.socialplugin .sptweet iframe,.socialplugin .sptweet object{width:120px;height:22px;}
.socialplugin .sptweet{width:91px;}
ul.socialplugin {
margin:40px 0 20px 0;
padding:10px 0;
border-top:1px solid #666;
list-style:inside;
}
ul.socialplugin li{margin-right:20px;}
</style><script type="text/javascript" id="slb_context">/* <![CDATA[ */(function($){if ( SLB ) $.extend(SLB, {"context":["public","user_guest"]});})(jQuery);/* ]]> */</script>
	<!-- custom stylesheet -->
	<link rel="stylesheet" type="text/css" href="/wp-content/themes/swedish-greys/style-addons.css" />
</head>

<body class="single single-post postid-429 single-format-standard layout-2c-r-fixed">
<div id="wrapper" class="hfeed">
	<div id="header">
		<div class="wrapper">
 
			<div id="branding">
			
								
					        				<div id="site-title"><a href="http://movableapp.com/" title="MovableApp.com" rel="home">MovableApp.com</a></div>
						<div id="header-widget" class="aside">
        	<div id="text-4" class="widget-container widget_text">			<div class="textwidget"><div style="position:absolute;top:0;right:0">
<a href="http://quizvds.it/mobile" title="allenati quiz vds - app mobile smartphone e tablet" target="_blank">
<img src="http://www.consulenza-web.com/wp-content/uploads/2013/01/banner-volarelontano.png" alt="quiz vds app"  width="130" />
</a>
</div>

<div id="blog-twitter"  style="position:absolute;top:60px;right:0">
<a href="https://twitter.com/MovableAPP" onclick="javascript:_gaq.push(['_trackEvent','outbound-widget','http://twitter.com']);" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @MovableAPP</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div></div>
		</div>	</div><!-- #header-widget .aside -->
        			<div id="blog-description">We use web standards to build multi platform mobile apps!</div>
        					
        		
        		
   			</div><!-- #branding -->
   			
		</div><!-- .wrapper -->
		
	</div><!-- #header -->
	
		

				<div id="secondary-nav">
				<div class="menu"><ul><li class="page_item page-item-2"><a href="http://movableapp.com/about/">About</a></li><li class="page_item page-item-95"><a href="http://movableapp.com/ivapp/" title="IVA App - Open source web app to calculate IVA percentage">IVApp</a></li><li class="page_item page-item-240"><a href="http://movableapp.com/cakepower/" title="CakePower - a smart CakePHP Plugin">CakePower</a></li><li class="page_item page-item-245"><a href="http://movableapp.com/cakepanel/">CakePanel</a></li></ul></div>
			</div><!-- #secondary-nav -->
		
		
	<div id="main">
		<div class="wrapper">        
                <div id="container">    
                        <div id="content">
                        


                                <div id="post-429" class="post-429 post type-post status-publish format-standard hentry category-movableapp tag-backbone tag-example tag-js tag-tutorial tag-underscore">
                                        <h1 class="entry-title">Learning Backbone &#8211; BackboneJS Tutorials and Examples</h1>
                                        
                                        <div class="entry-meta">
                                                <span class="meta-prep meta-prep-author">By </span>
                                                <span class="author vcard"><a href="http://movableapp.com/author/admin/" title="Articoli scritti da: MPeg" rel="author">MPeg</a></span>
                                                <span class="meta-sep"> | </span>
                                                <span class="meta-prep meta-prep-entry-date">Published </span>
                                                <span class="entry-date"><abbr class="published" title="2012-06-17T16:54:07+0000">17/06/2012</abbr></span>
                                                                                               
                                        </div><!-- .entry-meta -->
                                        
                                        <div class="entry-content">
<script type="text/javascript">
function dtauthorpe(){
	var productElement = document.getElementById("dtauthor_tracking");
	if (productElement == null)
	{
		document.getElementById("authorprofilebox").innerHTML = " ";
	}
}
</script>
<script type="text/javascript">
function dtpixell(){
	var productElement = document.getElementById("dtpixell");
	if (productElement == null)
	{
		document.getElementById("authorprofilebox").innerHTML = " ";
	}
}
</script>
    <p>I&#8217;m <strong>learning BackboneJS</strong>, Underscore and related <strong>coding strategies</strong>.
I will share with you my experience on this stuff publishing a set of <strong>full documented examples</strong> in a GitHub repository.</p>

<p style="text-align: center; font-size: 1.2em;"><a title="Learning Backbone Repo on GitHub" href="http://goo.gl/b3STu" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://goo.gl']);" target="_blank">» Go to the <span style="text-decoration: underline;">Learning Backbone</span> repo on GitHub! «</a></p>

<p><span id="more-429"></span></p>

<h2 id="ex001">001. Hello World</h2>

<p>Display a bouncing &#8220;hello world&#8221; string implementing a basic Backbone app.</p>

<ul>
    <li><a title="Hello World - LearningBackbone - MovableAPP" href="http://www.movableapp.com/LearningBackbone/001_hello_world_app/"  target="_blank">live example</a></li>
    <li><a title="Hello World - LearningBackbone - GitHub" href="https://github.com/thepeg/LearningBackbone/tree/master/001_hello_world_app" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" target="_blank">example&#8217;s repo</a></li>
</ul>

<h2 id="ex002">002. Hello World &#8211; View</h2>

<p>It uses a Backbone&#8217;s View object to handle the &#8220;hello world&#8221; string plus belong to a jQuery plugin to expose the bouncing effect.</p>

<ul>
    <li><a title="Hello World (View) - LearningBackbone - MovableAPP" href="http://www.movableapp.com/LearningBackbone/002_hello_world_view_app/"  target="_blank">live example</a></li>
    <li><a title="Hello World (View) - LearningBackbone - GitHub" href="https://github.com/thepeg/LearningBackbone/tree/master/002_hello_world_view_app" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" target="_blank">example&#8217;s repo</a></li>
</ul>

<h2 id="ex003">003. Hello World &#8211; Model</h2>

<p>This is the first interactive example.
Ask user&#8217;s name and uses a Backbone Model to write it down to a compiled (Underscore) template.</p>

<ul>
    <li><a title="Hello World (Model) - LearningBackbone - MovableAPP" href="http://www.movableapp.com/LearningBackbone/003_hello_world_model_app/"  target="_blank">live example</a></li>
    <li><a title="Hello World (Model) - LearningBackbone - MovableAPP" href="https://github.com/thepeg/LearningBackbone/tree/master/003_hello_world_model_app" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" target="_blank">example&#8217;s repo</a></li>
</ul>

<h2 id="ex004">004. Handling Events</h2>

<p>Configure a Backbone&#8217;s View object to handle some basic events on buttons, links, input and write some log informations responding to these events.</p>

<p>Log messages are created by compiling some Backbone&#8217;s View objects with custom events data.</p>

<ul>
    <li><a title="Handling Events - LearningBackbone - MovableAPP" href="http://www.movableapp.com/LearningBackbone/004_handling_events_app/"  target="_blank">live example</a></li>
    <li><a title="Handling Events - LearningBackbone - MovableAPP" href="https://github.com/thepeg/LearningBackbone/tree/master/004_handling_events_app" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" target="_blank">example&#8217;s repo</a></li>
</ul>

<h2 id="ex005">005. Syncing Models with Views</h2>

<p>In a real world application you may need to <strong>bind a model&#8217;s data updates</strong> to one or more views <strong>to be sychronized</strong> with.</p>

<p>If you have a &#8220;person&#8221; with a name and surname and you display this data in more than one place (people lists and person detalis) you may need to update you interface according to the model&#8217;s data updates.</p>

<p>This example bind a FormView to fill a PersonModel then bind PersonModel&#8217;s updates to two different &#8220;ShowViews&#8221; that display PersonModel&#8217;s data in different ways.</p>

<ul>
    <li><a title="Syncing Models with Views - LearningBackbone - MovableAPP" href="http://www.movableapp.com/LearningBackbone/005_syncing_model_view_app/"  target="_blank">live example</a></li>
    <li><a title="Syncing Models with Views - LearningBackbone - MovableAPP" href="https://github.com/thepeg/LearningBackbone/tree/master/005_syncing_model_view_app" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" target="_blank">example&#8217;s repo</a></li>
</ul>

<h2 id="ex006">006. Model Validation</h2>

<p>In a real world application you may need to <strong>validate model&#8217;s data</strong> who came form a <strong>user compiled form</strong>.</p>

<p>This app experiment a simple form validation <strong>focusing on how events happens</strong> and how different objects (views, model) acts together to ensure data integrity.</p>

<ul>
    <li><a title="Model Validation - Validating Models - LearningBackbone - MovableAPP" href="http://www.movableapp.com/LearningBackbone/006_model_validation_app/"  target="_blank">live example</a></li>
    <li><a title="Model Validation - Validating Models - LearningBackbone - MovableAPP" href="https://github.com/thepeg/LearningBackbone/tree/master/006_model_validation_app" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" target="_blank">example&#8217;s repo</a></li>
</ul>

<h2 id="ex007">007. Underscore Template</h2>

<p>Playing with Underscore templates from different sources: hard coded into models, defined into a script block, fetched from a template file via RequestJS text! plugin or fetched from a DOM html content.</p>

<ul>
    <li><a title="Underscore Templates - Learning Backbone" href="http://www.movableapp.com/LearningBackbone/007_underscore_templates/"  target="_blank">live example</a></li>
    <li><a title="Underscore Templates - Learning Backbone" href="https://github.com/thepeg/LearningBackbone/tree/master/007_underscore_templates" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" target="_blank">example&#8217;s repo</a></li>
</ul>

<div>
<h2 id="ex008">008. Backbone Collection Object</h2>
Playing with Backbone Collection Object. Loads some tweets with JsonP, store it into a TweetCollection of TweetModel(s) then run a View that updates according to the collection.
<ul>
    <li><a title="Backbone Collection Object - Learning Backbone" href="http://movableapp.com/LearningBackbone/008_collections/"  target="_blank">live example</a></li>
    <li><a title="Backbone Collection Object - Learning Backbone" href="https://github.com/thepeg/LearningBackbone/tree/master/008_collections" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" target="_blank">example&#8217;s repo</a></li>
</ul>
<h2 id="ex009">009. TwitterSearch App</h2>
This demonstrative App allow user to search Twitter and display matching Tweets. It use Dependency and Observe  patterns to make objects talks together.
<ul>
    <li><a title="TwitterSearch App - Learning Backbone" href="http://movableapp.com/LearningBackbone/009_twitter_search_app/"  target="_blank">live example</a></li>
    <li><a title="TwitterSearch App - Learning Backbone" href="https://github.com/thepeg/LearningBackbone/tree/master/009_twitter_search_app" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" target="_blank">example&#8217;s repo</a></li>
</ul>
</div>

<p>&nbsp;</p>

<div class="author-profile vcard" id="authorprofilebox"><p class="poweredbydt disabledt">Powered By <a href="http://www.digitaltweaker.com/web/wordpress/2012/04/digital-tweakers-author-box-plugin-for-wordpress" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.digitaltweaker.com']);" title="Digital Tweaker WordPress Author Box Plugin">DT Author Box</a></p><h4 class="author-name fn n">Written by <a href="http://movableapp.com/author/admin/" >MPeg</a></h4><img src="https://twimg0-a.akamaihd.net/profile_images/75625253/Facebook___Le_mie_foto_-_Immagini_del_profilo-3_reasonably_small.jpg" alt="MPeg" width="95" height="95" class="avatar"/><div class="author-description author-bio"><p>Hi, i&#8217;m Marco (aka MPeg) and i&#8217;m very appassionate in web interfaces developing.  I like so much code style and optimization.

I spoke PHP, Javascript, HTML5, CSS3
My best friends are CakePHP, CakePOWER, jQuery, LESS, TwitterBootstrap, Underscore, Backbone, Sencha Touch, jQueryUI, jQuery Mobile.</p><p class="website"><a href="http://consulenza-web.com" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://consulenza-web.com']);">Author&#8217;s Website</a></p><p class="twitter"><a href="http://twitter.com/thepeg" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://twitter.com']);" title="Follow MPeg on Twitter">Follow this author on Twitter</a></p></div><div class="dtauthor_tracking" id="dtauthor_tracking"><a href="http://www.digitaltweaker.com" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.digitaltweaker.com']);" id="dtpixell"><img src="http://www.digitaltweaker.com/apps/dtauthorbox/pixel.php?activate=yes&#038;url=movableapp.com/2012/06/backbonejs-by-examples/&#038;wpurl=movableapp.com" border="0" height="1" width="1"></a></div></div>

<p><script type="text/javascript">dtauthorpe()</script><script type="text/javascript">dtpixell()</script></p>
<div class="related-posts">
<div id="related-posts-MRP_all" class="related-posts-type">
<h2>Related Posts</h2>
<ul>
<li><a href="http://movableapp.com/2012/06/how-to-refresh-router-action-backbonejs-tutorial/" >Backbone: how to refresh a Router action</a></li>
<li><a href="http://movableapp.com/2012/06/backbonejs-how-to-use-html-node-as-underscorejs-template/" >BackboneJS: how to use HTML Node as underscoreJS Template </a></li>
<li><a href="http://movableapp.com/2012/06/backbone-boilerplate-jsfiddle/" >Backbone Boilerplate on JsFiddle!</a></li>
</ul></div>
</div><!-- Social Plugin plugin by Linksku -->
<ul class="socialplugin"><li class="spfollow"><iframe src="http://platform.twitter.com/widgets/follow_button.html?screen_name=movableapp&amp;bg=light&amp;show_count=true" scrolling="no" frameborder="0" allowTransparency="true"></iframe></li><li class="sptweet"><iframe src="http://platform0.twitter.com/widgets/tweet_button.html?_=1298252536917&amp;count=horizontal&amp;lang=en&amp;text=Learning%20Backbone%20%26%238211%3B%20BackboneJS%20Tutorials%20and%20Examples%20via%20%40movableapp%26amp%3Bvia%3Dmovableapp&amp;url=http%3A%2F%2Fmovableapp.com%2F2012%2F06%2Fbackbonejs-by-examples%2F" scrolling="no" frameborder="0" allowTransparency="true"></iframe></li><li class="spplusone"><g:plusone href="http://movableapp.com/2012/06/backbonejs-by-examples/" size="medium" count="true"></g:plusone></li><li class="splinkedin"><script type="in/share" data-url="http://movableapp.com/2012/06/backbonejs-by-examples/" data-counter="right"></script></li></ul>
<!-- / Social Plugin plugin by Linksku -->                                        </div><!-- .entry-content -->
                                        
                                        <div class="entry-utility">
                                        Posted in <a href="http://movableapp.com/category/movableapp/" title="Visualizza tutti gli articoli in MovableApp.com" rel="category tag">MovableApp.com</a> and tagged <a href="http://movableapp.com/tag/backbone/" rel="tag">backbone</a>, <a href="http://movableapp.com/tag/example/" rel="tag">example</a>, <a href="http://movableapp.com/tag/js/" rel="tag">js</a>, <a href="http://movableapp.com/tag/tutorial/" rel="tag">tutorial</a>, <a href="http://movableapp.com/tag/underscore/" rel="tag">underscore</a>. Bookmark the <a href="http://movableapp.com/2012/06/backbonejs-by-examples/" title="Permalink to Learning Backbone &#8211; BackboneJS Tutorials and Examples" rel="bookmark">permalink</a>. <a href="http://movableapp.com/2012/06/backbonejs-by-examples/feed/" title="Comments RSS to Learning Backbone &#8211; BackboneJS Tutorials and Examples" rel="alternate" type="application/rss+xml">RSS feed</a> for this post.
                                                Leave a <a class="trackback-link" href="http://movableapp.com/2012/06/backbonejs-by-examples/trackback/" title="Trackback URL for your post" rel="trackback">trackback</a>.                                        </div><!-- .entry-utility -->                                                                                                   
                                </div><!-- #post-429 -->                 
                                
                                <div id="nav-below" class="navigation">
                                        <div class="nav-previous"><a href="http://movableapp.com/2012/05/cakepower-embed-less/" rel="prev"><span class="meta-nav">&laquo;</span> CakePower embed LESS to improve CSS developement!</a></div>
                                        <div class="nav-next"><a href="http://movableapp.com/2012/06/backbone-boilerplate-jsfiddle/" rel="next">Backbone Boilerplate on JsFiddle! <span class="meta-nav">&raquo;</span></a></div>
                                </div><!-- #nav-below -->                                       


<div id="disqus_thread">
                    <div id="dsq-content">


            <ul id="dsq-comments">
                    <li class="post pingback">
        <p>Pingback: <a href="http://www.consulenza-web.com/2012/06/backbone-underscoretutorial-e-esempi-pratici/" onclick="javascript:_gaq.push(['_trackEvent','outbound-commentauthor','http://www.consulenza-web.com']);"  rel='external nofollow' class='url'>Backbone e Underscore Framework Tutorial - Esempi pratici di sviluppo | Consulenza-Web.com</a></p>
    </li>
    </li>
    <li class="post pingback">
        <p>Pingback: <a href="http://www.quora.com/What-are-some-good-resources-for-Backbone-js#ans1300203" onclick="javascript:_gaq.push(['_trackEvent','outbound-commentauthor','http://www.quora.com']);"  rel='external nofollow' class='url'>Quora</a></p>
    </li>
    </li>
    <li class="post pingback">
        <p>Pingback: <a href="http://movableapp.com/2012/06/how-to-fetch-a-template-from-a-dom-html-content/"   rel='external nofollow' class='url'>How to fetch a Template from a DOM html() content | MovableApp.com</a></p>
    </li>
    </li>
    <li class="post pingback">
        <p>Pingback: <a href="http://movableapp.com/2012/06/backbonejs-how-to-use-html-node-as-underscorejs-template/"   rel='external nofollow' class='url'>BackboneJS: how to use HTML Node as underscoreJS Template | MovableApp.com</a></p>
    </li>
    </li>
    <li class="post pingback">
        <p>Pingback: <a href="http://www.consulenza-web.com/2012/06/tutorial-twittersearch-backbone-app/" onclick="javascript:_gaq.push(['_trackEvent','outbound-commentauthor','http://www.consulenza-web.com']);"  rel='external nofollow' class='url'>BackboneJS Tutorial: TwitterSearch App in Backbone! | Consulenza-Web.com</a></p>
    </li>
    </li>
    <li class="post pingback">
        <p>Pingback: <a href="http://www.quora.com/Backbone-js-1/What-is-the-best-tutorial-or-book-for-Backbone-js#ans1325761" onclick="javascript:_gaq.push(['_trackEvent','outbound-commentauthor','http://www.quora.com']);"  rel='external nofollow' class='url'>Quora</a></p>
    </li>
    </li>
    <li class="comment even thread-even depth-1" id="dsq-comment-36">
        <div id="dsq-comment-header-36" class="dsq-comment-header">
            <cite id="dsq-cite-36">
                <span id="dsq-author-user-36">Antonio Suazo</span>
            </cite>
        </div>
        <div id="dsq-comment-body-36" class="dsq-comment-body">
            <div id="dsq-comment-message-36" class="dsq-comment-message"><p>Good work monsieur!
Your tutorial series turned out being the most clean and fun aproach from all over the web (and I searched a lot). Thanks for that.
Just a newbie question: I&#8217;ve got a very tiny array generated in &#8216;view1&#8242; and I want to use it within &#8216;view2&#8242;. Do I need to create a model just for that or there is a way to handle &#8216;globals&#8217;?. Thanks again beforehand!</p>
</div>
        </div>
    </li>

    <ul class='children'>
    <li class="comment odd alt depth-2" id="dsq-comment-37">
        <div id="dsq-comment-header-37" class="dsq-comment-header">
            <cite id="dsq-cite-37">
                <span id="dsq-author-user-37">mpeg</span>
            </cite>
        </div>
        <div id="dsq-comment-body-37" class="dsq-comment-body">
            <div id="dsq-comment-message-37" class="dsq-comment-message"><p>Hi Antonio,
I really appreciate your comment.
Please share your opinion to the world <img src='http://movableapp.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>

<p>Globals&#8230; there is so much ways to handle globals.</p>

<p>You can create your custom global namespace where to put your app-related globals:</p>

<p>window.MyApp = {
appRelatetGlobal: &#8216;foo&#8217;,
anoterAppGlobal: function() { &#8230; }
}</p>

<p>to create a Model or a Collection does not solve your problem&#8230; you just add a wrapper to your array but it&#8217;s name need to be shared cross multiple objects anyway!</p>

<p>I&#8217;m planning to write a Backbone extension to wrap some Application related things, best practices, shortcuts&#8230; Something inspired by the Sencha Touch Application approach&#8230; stay tuned!</p>
</div>
        </div>
    </li>

    <ul class='children'>
    <li class="comment even depth-3" id="dsq-comment-38">
        <div id="dsq-comment-header-38" class="dsq-comment-header">
            <cite id="dsq-cite-38">
                <span id="dsq-author-user-38">Antonio Suazo</span>
            </cite>
        </div>
        <div id="dsq-comment-body-38" class="dsq-comment-body">
            <div id="dsq-comment-message-38" class="dsq-comment-message"><p>You are the man of the year!!</p>

<p>Just for the record: in bootstrap I declaredvar gList = { global1: true };
and the passing gList as a parameter to the render function:view.render(gList);
Now I can access gList.global1 whitin view and have a actualized namespace available to any view. Period.</p>

<p>Dude, the structure you&#8217;re proposing here can be used in so many fields..This goes directly to google+.
You made my day, seriously. Many thanks.</p>
</div>
        </div>
    </li>

    </li>
</ul>
</li>
</ul>
</li>
    <li class="post pingback">
        <p>Pingback: <a href="http://poweredbypligg.info/login.php?return=http://poweredbypligg.info" onclick="javascript:_gaq.push(['_trackEvent','outbound-commentauthor','http://poweredbypligg.info']);"  rel='external nofollow' class='url'>javascript forum</a></p>
    </li>
    </li>
    <li class="comment odd alt thread-odd thread-alt depth-1" id="dsq-comment-105">
        <div id="dsq-comment-header-105" class="dsq-comment-header">
            <cite id="dsq-cite-105">
                <span id="dsq-author-user-105">Gail Long</span>
            </cite>
        </div>
        <div id="dsq-comment-body-105" class="dsq-comment-body">
            <div id="dsq-comment-message-105" class="dsq-comment-message"><p>Thank you, thank you, thank you!  You don&#8217;t know how many examples I&#8217;ve downloaded that either don&#8217;t work or are just hard to follow.</p>
</div>
        </div>
    </li>

    <ul class='children'>
    <li class="comment even depth-2" id="dsq-comment-106">
        <div id="dsq-comment-header-106" class="dsq-comment-header">
            <cite id="dsq-cite-106">
                <span id="dsq-author-user-106">mpeg</span>
            </cite>
        </div>
        <div id="dsq-comment-body-106" class="dsq-comment-body">
            <div id="dsq-comment-message-106" class="dsq-comment-message"><p>you&#8217;re welcome!
my intention is to provide an easy to follow cycle of examples to startup with backbone!</p>

<p>please share this page!</p>
</div>
        </div>
    </li>

    </li>
</ul>
</li>
            </ul>


        </div>

    </div>

<script type="text/javascript">
/* <![CDATA[ */
    var disqus_url = 'http://movableapp.com/2012/06/backbonejs-by-examples/';
    var disqus_identifier = '429 http://movableapp.com/?p=429';
    var disqus_container_id = 'disqus_thread';
    var disqus_domain = 'disqus.com';
    var disqus_shortname = 'movableapp';
    var disqus_title = "Learning Backbone &#8211; BackboneJS Tutorials and Examples";
        var disqus_config = function () {
        var config = this; // Access to the config object

        /*
           All currently supported events:
            * preData — fires just before we request for initial data
            * preInit - fires after we get initial data but before we load any dependencies
            * onInit  - fires when all dependencies are resolved but before dtpl template is rendered
            * afterRender - fires when template is rendered but before we show it
            * onReady - everything is done
         */

        config.callbacks.preData.push(function() {
            // clear out the container (its filled for SEO/legacy purposes)
            document.getElementById(disqus_container_id).innerHTML = '';
        });
                config.callbacks.onReady.push(function() {
            // sync comments in the background so we don't block the page
            var script = document.createElement('script');
            script.async = true;
            script.src = '?cf_action=sync_comments&post_id=429';

            var firstScript = document.getElementsByTagName( "script" )[0];
            firstScript.parentNode.insertBefore(script, firstScript);
        });
                    };
    var facebookXdReceiverPath = 'http://movableapp.com/wp-content/plugins/disqus-comment-system/xd_receiver.htm';
/* ]]> */
</script>

<script type="text/javascript">
/* <![CDATA[ */
    var DsqLocal = {
        'trackbacks': [
            {
                'author_name':    "Backbone e Underscore Framework Tutorial - Esempi pratici di sviluppo | Consulenza-Web.com",
                'author_url':    "http:\/\/www.consulenza-web.com\/2012\/06\/backbone-underscoretutorial-e-esempi-pratici\/",
                'date':            "06\/18\/2012 10:00 AM",
                'excerpt':        "[...] Segnalo un piccolo progetto che ho intrapreso sul blog MovableAPP: LearningBackbone. [...]<br \/>",
                'type':            "pingback"            }
,            {
                'author_name':    "Quora",
                'author_url':    "http:\/\/www.quora.com\/What-are-some-good-resources-for-Backbone-js#ans1300203",
                'date':            "06\/18\/2012 12:47 PM",
                'excerpt':        "What are some good resources for Backbone.js?...<br \/><br \/>try this series of examples with documented source code. there are some real-world full ...<br \/>",
                'type':            "trackback"            }
,            {
                'author_name':    "How to fetch a Template from a DOM html() content | MovableApp.com",
                'author_url':    "http:\/\/movableapp.com\/2012\/06\/how-to-fetch-a-template-from-a-dom-html-content\/",
                'date':            "06\/20\/2012 08:34 PM",
                'excerpt':        "[...] my LearningBackbone Project I play with templates in Example 007. In 4th column of that example I use the ...<br \/>",
                'type':            "pingback"            }
,            {
                'author_name':    "BackboneJS: how to use HTML Node as underscoreJS Template | MovableApp.com",
                'author_url':    "http:\/\/movableapp.com\/2012\/06\/backbonejs-how-to-use-html-node-as-underscorejs-template\/",
                'date':            "06\/21\/2012 07:34 AM",
                'excerpt':        "[...] my LearningBackbone Project I play with templates in Example 007. In 4th column of that example I use the ...<br \/>",
                'type':            "pingback"            }
,            {
                'author_name':    "BackboneJS Tutorial: TwitterSearch App in Backbone! | Consulenza-Web.com",
                'author_url':    "http:\/\/www.consulenza-web.com\/2012\/06\/tutorial-twittersearch-backbone-app\/",
                'date':            "06\/21\/2012 10:15 AM",
                'excerpt':        "[...] Vai alla demo! | Codice sorgente su GitHub | LearningBackbone by Examples [...]<br \/>",
                'type':            "pingback"            }
,            {
                'author_name':    "Quora",
                'author_url':    "http:\/\/www.quora.com\/Backbone-js-1\/What-is-the-best-tutorial-or-book-for-Backbone-js#ans1325761",
                'date':            "06\/28\/2012 07:34 AM",
                'excerpt':        "What is the best tutorial or book for Backbone.js?...<br \/><br \/>Hi, here you can find many full commented source files examples, repos ...<br \/>",
                'type':            "trackback"            }
,            {
                'author_name':    "javascript forum",
                'author_url':    "http:\/\/poweredbypligg.info\/login.php?return=http:\/\/poweredbypligg.info",
                'date':            "08\/01\/2012 08:38 PM",
                'excerpt':        "javascript forum...<br \/><br \/>Learning Backbone - Backbone examples tutorials | MovableApp.com...<br \/>",
                'type':            "trackback"            }
        ],
        'trackback_url': "http:\/\/movableapp.com\/2012\/06\/backbonejs-by-examples\/trackback\/"    };
/* ]]> */
</script>

<script type="text/javascript">
/* <![CDATA[ */
(function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript';
    dsq.async = true;
        dsq.src = 'http' + '://' + disqus_shortname + '.' + 'disqus.com' + '/embed.js?pname=wordpress&pver=2.73';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
/* ]]> */
</script>
                   
                        
                        </div><!-- #content -->         
                </div><!-- #container -->
                
		<div id="primary" class="aside primary-aside widget-area">
    		<ul class="xoxo">
    	    	<style type="text/css">
#am_thumbnail a {
text-decoration: none;
border: none;
}
#am_thumbnail img {
text-decoration: none;
border: 1px solid #999;
max-width: 99%;
}
#am_name {
margin-top: 5px;
margin-bottom: 3px;
}
#am_headline {
margin-bottom: 5px;
}
#am_bio {
margin-bottom: 15px;
}
#am_bio p {
margin-bottom: 5px;
}
#am_bio p:last-child {
margin-bottom: 0px;
}
#am_services {
margin-right: -5px;
}
#am_services a.am_service_icon {
margin-right: 4px;
text-decoration: none;
border: none;
}
#am_services a.am_service_icon:hover {
text-decoration: none;
border: none;
}
#am_services a.am_service_icon img {
border: none;
margin-bottom: 4px;
}
/*
#am_links a.am_link_icon img {
border: none;
text-decoration: none;
vertical-align: middle;
}
#am_links a.am_link_icon img:hover {
text-decoration: none;
border: none;
}
*/
</style>
<li id="aboutme_widget-4" class="widget-container aboutme_widget"><div id="am_thumbnail"><a href="http://about.me/mpeg" target="_blank" rel="me"><img src="http://d13pix9kaak6wt.cloudfront.net/background/mpeg_1350044285_6.png" alt="Marco Pegoraro"></a></div><h2 id="am_name"><a href="http://about.me/mpeg" style="font-size:large;" target="_blank" rel="me">Marco Pegoraro</a></h2><h3 id="am_headline">I love the way life smiles to me!</h3><div id="am_bio"><p>I was born in 1981 in Italy. I love Italy except for it's government.</p><p><strong>I'm a web engineer</strong>. I play with <strong>MVC and AOP</strong> both on server and client side.&nbsp;I love <strong>CakePHP</strong>, <strong>jQuery</strong>, <strong>BackboneJS</strong>, <strong>LessCSS</strong> and HTML5. I'm looking for <strong>quality over low-cost</strong> but I didn't found out it yet (in Italy)!</p><p>&nbsp;</p><p>I'm learning to fly with a VDS licence, <strong>I love mountains</strong>, hiking and biking into nature.</p><p><strong>I love Silvia, my marvellous wife</strong>.</p><p>We plan to have a baby quite soon!</p></div><div id="am_services"><a href="http://www.twitter.com/thepeg" target="_blank" class="am_service_icon" rel="me"><img src="http://dcbdluf1ahqio.cloudfront.net/twitter/32x32.png"></a><a href="http://www.linkedin.com/in/pegoraro" target="_blank" class="am_service_icon" rel="me"><img src="http://dcbdluf1ahqio.cloudfront.net/linkedin/32x32.png"></a><a href="http://instagram.com/mpeg" target="_blank" class="am_service_icon" rel="me"><img src="http://dcbdluf1ahqio.cloudfront.net/instagram/32x32.png"></a><a href="http://www.facebook.com/profile.php?id=1565958830" target="_blank" class="am_service_icon" rel="me"><img src="http://dcbdluf1ahqio.cloudfront.net/facebook/32x32.png"></a><a href="http://consulenza-web.com" target="_blank" class="am_service_icon" rel="me"><img src="http://dcbdluf1ahqio.cloudfront.net/wordpress/32x32.png"></a><a href="http://about.me/mpeg/#!/service/favs" target="_blank" class="am_service_icon" rel="me"><img src="http://dcbdluf1ahqio.cloudfront.net/favs/32x32.png"></a></div></li><li id="related_posts-2" class="widget-container widget_related_posts"><h3 class="widget-title">Related Posts:</h3><ul>
<li><a href="http://movableapp.com/2012/06/how-to-refresh-router-action-backbonejs-tutorial/">Backbone: how to refresh a Router action</a></li>
<li><a href="http://movableapp.com/2012/06/backbonejs-how-to-use-html-node-as-underscorejs-template/">BackboneJS: how to use HTML Node as underscoreJS Template </a></li>
<li><a href="http://movableapp.com/2012/06/backbone-boilerplate-jsfiddle/">Backbone Boilerplate on JsFiddle!</a></li>
</ul></li>		<li id="recent-posts-3" class="widget-container widget_recent_entries">		<h3 class="widget-title">Recent Posts:</h3>		<ul>
					<li>
				<a href="http://movableapp.com/2012/12/cakepower-assets-version-prevent-undesired-assets-caching/" title="CakePower Assets Version &lt;br /&gt;&lt;small&gt;prevent undesired assets caching!&lt;/small&gt;">CakePower Assets Version <br /><small>prevent undesired assets caching!</small></a>
						</li>
					<li>
				<a href="http://movableapp.com/2012/12/dropbox-cakephp-plugin/" title="Dropbox CakePHP Plugin">Dropbox CakePHP Plugin</a>
						</li>
					<li>
				<a href="http://movableapp.com/2012/11/twitter-bootstrap-dropdown-bugfix/" title="Fix DropDown Bug on mobile devices &#8211; Twitter Bootstrap">Fix DropDown Bug on mobile devices &#8211; Twitter Bootstrap</a>
						</li>
					<li>
				<a href="http://movableapp.com/2012/11/adminer-for-cakephp/" title="Adminer for CakePHP">Adminer for CakePHP</a>
						</li>
					<li>
				<a href="http://movableapp.com/2012/11/panel-table-ui/" title="PanelTableUI &lt;small&gt;- CakePanel&lt;/small&gt;">PanelTableUI <small>- CakePanel</small></a>
						</li>
				</ul>
		</li><li id="categories-3" class="widget-container widget_categories"><h3 class="widget-title">Categories</h3>		<ul>
	<li class="cat-item cat-item-113"><a href="http://movableapp.com/category/backbonejs-2/" title="Visualizza tutti gli articoli archiviati in BackboneJS">BackboneJS</a> (7)
</li>
	<li class="cat-item cat-item-59"><a href="http://movableapp.com/category/cakephp/" title="Visualizza tutti gli articoli archiviati in CakePHP">CakePHP</a> (29)
</li>
	<li class="cat-item cat-item-154"><a href="http://movableapp.com/category/cakepower-2/" title="Visualizza tutti gli articoli archiviati in CakePOWER">CakePOWER</a> (14)
</li>
	<li class="cat-item cat-item-1"><a href="http://movableapp.com/category/movableapp/" title="Visualizza tutti gli articoli archiviati in MovableApp.com">MovableApp.com</a> (6)
</li>
	<li class="cat-item cat-item-51"><a href="http://movableapp.com/category/script/" title="Visualizza tutti gli articoli archiviati in Script">Script</a> (9)
</li>
	<li class="cat-item cat-item-36"><a href="http://movableapp.com/category/plugins/" title="Visualizza tutti gli articoli archiviati in Sencha Touch Plugins">Sencha Touch Plugins</a> (1)
</li>
	<li class="cat-item cat-item-3"><a href="http://movableapp.com/category/tips/" title="Visualizza tutti gli articoli archiviati in Tips &amp; Tricks">Tips &amp; Tricks</a> (19)
</li>
		</ul>
</li><li id="tag_cloud-3" class="widget-container widget_tag_cloud"><h3 class="widget-title">Our Tags</h3><div class="tagcloud"><a href='http://movableapp.com/tag/admin/' class='tag-link-81' title='3 argomenti' style='font-size: 10.6666666667pt;'>admin</a>
<a href='http://movableapp.com/tag/ajax/' class='tag-link-6' title='3 argomenti' style='font-size: 10.6666666667pt;'>ajax</a>
<a href='http://movableapp.com/tag/api/' class='tag-link-121' title='3 argomenti' style='font-size: 10.6666666667pt;'>api</a>
<a href='http://movableapp.com/tag/auth/' class='tag-link-65' title='2 argomenti' style='font-size: 8pt;'>auth</a>
<a href='http://movableapp.com/tag/authorization/' class='tag-link-69' title='3 argomenti' style='font-size: 10.6666666667pt;'>authorization</a>
<a href='http://movableapp.com/tag/backbone/' class='tag-link-105' title='3 argomenti' style='font-size: 10.6666666667pt;'>backbone</a>
<a href='http://movableapp.com/tag/backbonejs/' class='tag-link-111' title='5 argomenti' style='font-size: 14.6666666667pt;'>backbonejs</a>
<a href='http://movableapp.com/tag/backbonekit/' class='tag-link-140' title='3 argomenti' style='font-size: 10.6666666667pt;'>BackboneKit</a>
<a href='http://movableapp.com/tag/behavior/' class='tag-link-97' title='3 argomenti' style='font-size: 10.6666666667pt;'>behavior</a>
<a href='http://movableapp.com/tag/bug/' class='tag-link-25' title='3 argomenti' style='font-size: 10.6666666667pt;'>bug</a>
<a href='http://movableapp.com/tag/cache/' class='tag-link-42' title='2 argomenti' style='font-size: 8pt;'>cache</a>
<a href='http://movableapp.com/tag/cakepanel/' class='tag-link-83' title='4 argomenti' style='font-size: 12.8888888889pt;'>cakepanel</a>
<a href='http://movableapp.com/tag/cakephp-2/' class='tag-link-63' title='12 argomenti' style='font-size: 22pt;'>cakephp</a>
<a href='http://movableapp.com/tag/cakepower/' class='tag-link-64' title='8 argomenti' style='font-size: 18.4444444444pt;'>cakepower</a>
<a href='http://movableapp.com/tag/component/' class='tag-link-66' title='2 argomenti' style='font-size: 8pt;'>component</a>
<a href='http://movableapp.com/tag/configuration/' class='tag-link-82' title='3 argomenti' style='font-size: 10.6666666667pt;'>configuration</a>
<a href='http://movableapp.com/tag/css/' class='tag-link-102' title='5 argomenti' style='font-size: 14.6666666667pt;'>css</a>
<a href='http://movableapp.com/tag/data/' class='tag-link-8' title='5 argomenti' style='font-size: 14.6666666667pt;'>data</a>
<a href='http://movableapp.com/tag/database/' class='tag-link-54' title='2 argomenti' style='font-size: 8pt;'>database</a>
<a href='http://movableapp.com/tag/datasource/' class='tag-link-60' title='2 argomenti' style='font-size: 8pt;'>datasource</a>
<a href='http://movableapp.com/tag/dom/' class='tag-link-33' title='3 argomenti' style='font-size: 10.6666666667pt;'>DOM</a>
<a href='http://movableapp.com/tag/events/' class='tag-link-18' title='4 argomenti' style='font-size: 12.8888888889pt;'>events</a>
<a href='http://movableapp.com/tag/form/' class='tag-link-15' title='2 argomenti' style='font-size: 8pt;'>form</a>
<a href='http://movableapp.com/tag/helper/' class='tag-link-86' title='5 argomenti' style='font-size: 14.6666666667pt;'>helper</a>
<a href='http://movableapp.com/tag/interface/' class='tag-link-80' title='3 argomenti' style='font-size: 10.6666666667pt;'>interface</a>
<a href='http://movableapp.com/tag/issue/' class='tag-link-24' title='2 argomenti' style='font-size: 8pt;'>issue</a>
<a href='http://movableapp.com/tag/javascript/' class='tag-link-55' title='3 argomenti' style='font-size: 10.6666666667pt;'>javascript</a>
<a href='http://movableapp.com/tag/js/' class='tag-link-56' title='5 argomenti' style='font-size: 14.6666666667pt;'>js</a>
<a href='http://movableapp.com/tag/less/' class='tag-link-101' title='3 argomenti' style='font-size: 10.6666666667pt;'>less</a>
<a href='http://movableapp.com/tag/menu/' class='tag-link-79' title='3 argomenti' style='font-size: 10.6666666667pt;'>menu</a>
<a href='http://movableapp.com/tag/model/' class='tag-link-62' title='3 argomenti' style='font-size: 10.6666666667pt;'>model</a>
<a href='http://movableapp.com/tag/optimization/' class='tag-link-127' title='4 argomenti' style='font-size: 12.8888888889pt;'>optimization</a>
<a href='http://movableapp.com/tag/panel/' class='tag-link-29' title='2 argomenti' style='font-size: 8pt;'>panel</a>
<a href='http://movableapp.com/tag/php/' class='tag-link-48' title='3 argomenti' style='font-size: 10.6666666667pt;'>php</a>
<a href='http://movableapp.com/tag/plugin/' class='tag-link-39' title='3 argomenti' style='font-size: 10.6666666667pt;'>plugin</a>
<a href='http://movableapp.com/tag/production/' class='tag-link-94' title='3 argomenti' style='font-size: 10.6666666667pt;'>production</a>
<a href='http://movableapp.com/tag/refresh/' class='tag-link-22' title='4 argomenti' style='font-size: 12.8888888889pt;'>refresh</a>
<a href='http://movableapp.com/tag/rest/' class='tag-link-151' title='3 argomenti' style='font-size: 10.6666666667pt;'>rest</a>
<a href='http://movableapp.com/tag/session/' class='tag-link-138' title='4 argomenti' style='font-size: 12.8888888889pt;'>session</a>
<a href='http://movableapp.com/tag/template/' class='tag-link-31' title='4 argomenti' style='font-size: 12.8888888889pt;'>template</a>
<a href='http://movableapp.com/tag/tip/' class='tag-link-100' title='3 argomenti' style='font-size: 10.6666666667pt;'>tip</a>
<a href='http://movableapp.com/tag/ui/' class='tag-link-16' title='5 argomenti' style='font-size: 14.6666666667pt;'>ui</a>
<a href='http://movableapp.com/tag/utility/' class='tag-link-49' title='5 argomenti' style='font-size: 14.6666666667pt;'>utility</a>
<a href='http://movableapp.com/tag/validation/' class='tag-link-61' title='2 argomenti' style='font-size: 8pt;'>validation</a>
<a href='http://movableapp.com/tag/view/' class='tag-link-123' title='3 argomenti' style='font-size: 10.6666666667pt;'>view</a></div>
</li>    	    </ul>
		</div><!-- #primary .widget-area -->
	
	 
		</div><!-- .wrapper -->
	</div><!-- #main -->
 		<div id="footer">
		<div class="wrapper">
 			
<div id="footer-widgets" class="aside">
	<div id="footer-1" class="widget-area">
        	<div id="categories-4" class="widget-container widget_categories"><h3 class="widget-title">Our Categories:</h3>		<ul>
	<li class="cat-item cat-item-113"><a href="http://movableapp.com/category/backbonejs-2/" title="Visualizza tutti gli articoli archiviati in BackboneJS">BackboneJS</a>
</li>
	<li class="cat-item cat-item-59"><a href="http://movableapp.com/category/cakephp/" title="Visualizza tutti gli articoli archiviati in CakePHP">CakePHP</a>
</li>
	<li class="cat-item cat-item-154"><a href="http://movableapp.com/category/cakepower-2/" title="Visualizza tutti gli articoli archiviati in CakePOWER">CakePOWER</a>
</li>
	<li class="cat-item cat-item-1"><a href="http://movableapp.com/category/movableapp/" title="Visualizza tutti gli articoli archiviati in MovableApp.com">MovableApp.com</a>
</li>
	<li class="cat-item cat-item-51"><a href="http://movableapp.com/category/script/" title="Visualizza tutti gli articoli archiviati in Script">Script</a>
</li>
	<li class="cat-item cat-item-36"><a href="http://movableapp.com/category/plugins/" title="Visualizza tutti gli articoli archiviati in Sencha Touch Plugins">Sencha Touch Plugins</a>
</li>
	<li class="cat-item cat-item-3"><a href="http://movableapp.com/category/tips/" title="Visualizza tutti gli articoli archiviati in Tips &amp; Tricks">Tips &amp; Tricks</a>
</li>
		</ul>
</div>	</div><!-- #footer-widgets-1 .widget-area -->

	<div id="footer-2" class="widget-area">
			<div id="tag_cloud-4" class="widget-container widget_tag_cloud"><h3 class="widget-title">Our Tags:</h3><div class="tagcloud"><a href='http://movableapp.com/tag/admin/' class='tag-link-81' title='3 argomenti' style='font-size: 10.6666666667pt;'>admin</a>
<a href='http://movableapp.com/tag/ajax/' class='tag-link-6' title='3 argomenti' style='font-size: 10.6666666667pt;'>ajax</a>
<a href='http://movableapp.com/tag/api/' class='tag-link-121' title='3 argomenti' style='font-size: 10.6666666667pt;'>api</a>
<a href='http://movableapp.com/tag/auth/' class='tag-link-65' title='2 argomenti' style='font-size: 8pt;'>auth</a>
<a href='http://movableapp.com/tag/authorization/' class='tag-link-69' title='3 argomenti' style='font-size: 10.6666666667pt;'>authorization</a>
<a href='http://movableapp.com/tag/backbone/' class='tag-link-105' title='3 argomenti' style='font-size: 10.6666666667pt;'>backbone</a>
<a href='http://movableapp.com/tag/backbonejs/' class='tag-link-111' title='5 argomenti' style='font-size: 14.6666666667pt;'>backbonejs</a>
<a href='http://movableapp.com/tag/backbonekit/' class='tag-link-140' title='3 argomenti' style='font-size: 10.6666666667pt;'>BackboneKit</a>
<a href='http://movableapp.com/tag/behavior/' class='tag-link-97' title='3 argomenti' style='font-size: 10.6666666667pt;'>behavior</a>
<a href='http://movableapp.com/tag/bug/' class='tag-link-25' title='3 argomenti' style='font-size: 10.6666666667pt;'>bug</a>
<a href='http://movableapp.com/tag/cache/' class='tag-link-42' title='2 argomenti' style='font-size: 8pt;'>cache</a>
<a href='http://movableapp.com/tag/cakepanel/' class='tag-link-83' title='4 argomenti' style='font-size: 12.8888888889pt;'>cakepanel</a>
<a href='http://movableapp.com/tag/cakephp-2/' class='tag-link-63' title='12 argomenti' style='font-size: 22pt;'>cakephp</a>
<a href='http://movableapp.com/tag/cakepower/' class='tag-link-64' title='8 argomenti' style='font-size: 18.4444444444pt;'>cakepower</a>
<a href='http://movableapp.com/tag/component/' class='tag-link-66' title='2 argomenti' style='font-size: 8pt;'>component</a>
<a href='http://movableapp.com/tag/configuration/' class='tag-link-82' title='3 argomenti' style='font-size: 10.6666666667pt;'>configuration</a>
<a href='http://movableapp.com/tag/css/' class='tag-link-102' title='5 argomenti' style='font-size: 14.6666666667pt;'>css</a>
<a href='http://movableapp.com/tag/data/' class='tag-link-8' title='5 argomenti' style='font-size: 14.6666666667pt;'>data</a>
<a href='http://movableapp.com/tag/database/' class='tag-link-54' title='2 argomenti' style='font-size: 8pt;'>database</a>
<a href='http://movableapp.com/tag/datasource/' class='tag-link-60' title='2 argomenti' style='font-size: 8pt;'>datasource</a>
<a href='http://movableapp.com/tag/dom/' class='tag-link-33' title='3 argomenti' style='font-size: 10.6666666667pt;'>DOM</a>
<a href='http://movableapp.com/tag/events/' class='tag-link-18' title='4 argomenti' style='font-size: 12.8888888889pt;'>events</a>
<a href='http://movableapp.com/tag/form/' class='tag-link-15' title='2 argomenti' style='font-size: 8pt;'>form</a>
<a href='http://movableapp.com/tag/helper/' class='tag-link-86' title='5 argomenti' style='font-size: 14.6666666667pt;'>helper</a>
<a href='http://movableapp.com/tag/interface/' class='tag-link-80' title='3 argomenti' style='font-size: 10.6666666667pt;'>interface</a>
<a href='http://movableapp.com/tag/issue/' class='tag-link-24' title='2 argomenti' style='font-size: 8pt;'>issue</a>
<a href='http://movableapp.com/tag/javascript/' class='tag-link-55' title='3 argomenti' style='font-size: 10.6666666667pt;'>javascript</a>
<a href='http://movableapp.com/tag/js/' class='tag-link-56' title='5 argomenti' style='font-size: 14.6666666667pt;'>js</a>
<a href='http://movableapp.com/tag/less/' class='tag-link-101' title='3 argomenti' style='font-size: 10.6666666667pt;'>less</a>
<a href='http://movableapp.com/tag/menu/' class='tag-link-79' title='3 argomenti' style='font-size: 10.6666666667pt;'>menu</a>
<a href='http://movableapp.com/tag/model/' class='tag-link-62' title='3 argomenti' style='font-size: 10.6666666667pt;'>model</a>
<a href='http://movableapp.com/tag/optimization/' class='tag-link-127' title='4 argomenti' style='font-size: 12.8888888889pt;'>optimization</a>
<a href='http://movableapp.com/tag/panel/' class='tag-link-29' title='2 argomenti' style='font-size: 8pt;'>panel</a>
<a href='http://movableapp.com/tag/php/' class='tag-link-48' title='3 argomenti' style='font-size: 10.6666666667pt;'>php</a>
<a href='http://movableapp.com/tag/plugin/' class='tag-link-39' title='3 argomenti' style='font-size: 10.6666666667pt;'>plugin</a>
<a href='http://movableapp.com/tag/production/' class='tag-link-94' title='3 argomenti' style='font-size: 10.6666666667pt;'>production</a>
<a href='http://movableapp.com/tag/refresh/' class='tag-link-22' title='4 argomenti' style='font-size: 12.8888888889pt;'>refresh</a>
<a href='http://movableapp.com/tag/rest/' class='tag-link-151' title='3 argomenti' style='font-size: 10.6666666667pt;'>rest</a>
<a href='http://movableapp.com/tag/session/' class='tag-link-138' title='4 argomenti' style='font-size: 12.8888888889pt;'>session</a>
<a href='http://movableapp.com/tag/template/' class='tag-link-31' title='4 argomenti' style='font-size: 12.8888888889pt;'>template</a>
<a href='http://movableapp.com/tag/tip/' class='tag-link-100' title='3 argomenti' style='font-size: 10.6666666667pt;'>tip</a>
<a href='http://movableapp.com/tag/ui/' class='tag-link-16' title='5 argomenti' style='font-size: 14.6666666667pt;'>ui</a>
<a href='http://movableapp.com/tag/utility/' class='tag-link-49' title='5 argomenti' style='font-size: 14.6666666667pt;'>utility</a>
<a href='http://movableapp.com/tag/validation/' class='tag-link-61' title='2 argomenti' style='font-size: 8pt;'>validation</a>
<a href='http://movableapp.com/tag/view/' class='tag-link-123' title='3 argomenti' style='font-size: 10.6666666667pt;'>view</a></div>
</div>	</div><!-- #footer-widgets-2 .widget-area -->

	<div id="footer-3" class="widget-area">
			<div id="text-6" class="widget-container widget_text">			<div class="textwidget"><div style="text-align:right">
<a href="https://twitter.com/MovableAPP" onclick="javascript:_gaq.push(['_trackEvent','outbound-widget','http://twitter.com']);" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @MovableAPP</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div></div>
		</div>	</div><!-- #footer-widgets-3 .widget-area -->
</div><!-- #footer-widgets -->   
		</div><!-- .wrapper -->
	</div><!-- #footer -->
	</div><!-- #wrapper -->
 	
	 <div id="site-info">
	    <p>Swedish Greys - a <a href="http://wordpress.org">WordPress</a> theme from <a href="http://nordicthemepark.com">Nordic Themepark</a>.</p>
	</div><!-- #site-info -->
	
<script type="text/javascript">(function(){var s=document.createElement("SCRIPT"),s1=document.getElementsByTagName("SCRIPT")[0];s.type="text/javascript";s.async=true;s.src="http://platform.linkedin.com/in.js";s1.parentNode.insertBefore(s,s1)})();(function(){var s=document.createElement("SCRIPT"),s1=document.getElementsByTagName("SCRIPT")[0];s.type="text/javascript";s.async=true;s.src="http://apis.google.com/js/plusone.js";s1.parentNode.insertBefore(s,s1)})();</script><script type='text/javascript'>
/* <![CDATA[ */
var thickboxL10n = {"next":"Succ. \u00bb","prev":"\u00ab Prec.","image":"Immagine","of":"di","close":"Chiudi","noiframes":"Questa funzionalit\u00e0 richiede frame in linea. Si hanno i frame disabilitati o il browser non li supporta.","loadingAnimation":"http:\/\/movableapp.com\/wp-includes\/js\/thickbox\/loadingAnimation.gif","closeImage":"http:\/\/movableapp.com\/wp-includes\/js\/thickbox\/tb-close.png"};
/* ]]> */
</script>
<script type='text/javascript' src='http://movableapp.com/wp-includes/js/thickbox/thickbox.js?ver=3.1-20121105'></script>
<script type='text/javascript' src='http://movableapp.com/wp-includes/js/underscore.min.js?ver=1.4.0'></script>
<script type='text/javascript' src='http://movableapp.com/wp-includes/js/shortcode.min.js?ver=3.5.1'></script>
<script type='text/javascript' src='http://movableapp.com/wp-admin/js/media-upload.min.js?ver=3.5.1'></script>
<!-- X --></body>
</html>